@charset "utf-8";
/* CSS Document */

	body {
		margin: 0;
		padding: 0;
		}
	
	#header {
		padding: 2px;
		background: #333;
		border-bottom: 1px solid #fff;
		}
		
	#header h1 {
		padding: 0;
		margin: 0;
		color: #ccc;
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 70%;
		text-align: right;
		}		
		
		
@media (max-width: 800px) {
	#header h1 {
		font-size: 40%;
	}	
}	
	/* navigation */
	
	#nav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: ;
		border-bottom: 1px solid #999;
		}
	
	#nav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		display: block;
		padding: 6px 30px 6px 5px;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%;
		color: #666;
		background:  url(../imagenes/template/nav_slant.gif) no-repeat top right;
		}
		
		@media (max-width: 800px) {
				#nav a {
					font-size: 60%;
				}			
		}
		
	#nav #nav-1 a {
		padding-left: 2%;
		}
	
	#nav a:hover {
		/*color: #000;*/
		color: #000;
		text-shadow: 1px 1px 0 white, -1px -1px white, 1px -1px white, -1px 1px white, 0 1px white, 1px 0 white, -1px 0 white, 0 -1px white;
		}

/* ---------------- */


#nav{
background-image: linear-gradient(bottom, rgb(227,227,227) 37%, rgb(207,209,208) 87%, rgb(237,232,237) 96%);
background-image: -o-linear-gradient(bottom, rgb(227,227,227) 37%, rgb(207,209,208) 87%, rgb(237,232,237) 96%);
background-image: -moz-linear-gradient(bottom, rgb(227,227,227) 37%, rgb(207,209,208) 87%, rgb(237,232,237) 96%);
background-image: -webkit-linear-gradient(bottom, rgb(227,227,227) 37%, rgb(207,209,208) 87%, rgb(237,232,237) 96%);
background-image: -ms-linear-gradient(bottom, rgb(227,227,227) 37%, rgb(207,209,208) 87%, rgb(237,232,237) 96%);
}